<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html>
<head>
    <title>仪表盘</title>
    <style>
        .circle {
            border-radius: 50%;
            text-align: center;
            font-weight: bold;
            color: darkred;
        }
    </style>
</head>
<body>

<aside class="aside">
    <!-- START Sidebar (left)-->
    <div class="aside-inner">
        <nav data-sidebar-anyclick-close="" class="sidebar">
            <!-- START sidebar nav-->
            <ul class="nav">
                <!-- START user info-->
                <li class="has-user-block">
                    <div id="user-block" class="collapse">
                        <div class="item user-block">
                            <!-- User picture-->
                            <div class="user-block-picture">
                                <div class="user-block-status">
                                    <img src="${ctx}/assets/img/user/person.png" alt="Avatar" width="60" height="60"
                                         class="img-thumbnail img-circle">

                                    <div class="circle circle-success circle-lg"></div>
                                </div>
                            </div>
                            <!-- Name and Job-->
                            <div class="user-block-info">
                                <span class="user-block-name">欢迎,小明</span>
                                <%--<span class="user-block-role">软件工程师</span>--%>
                            </div>
                        </div>
                    </div>
                </li>
                <!-- END user info-->
                <!-- Iterates over all sidebar items-->
                <li class="">
                    <a href="#shendFx" title="数据深度分析" data-toggle="collapse">
                        <em class="fa fa-line-chart"></em>
                        <span class="">数据深度分析</span>
                    </a>
                    <ul id="shendFx" class="nav sidebar-subnav collapse">
                        <li id="nsrtzShendfx" class="">
                            <a href="#" title="纳税人特征扫描和全景分析">
                                <span class="lxm-wbslh">纳税人特征扫描和全景分析</span>
                            </a>
                        </li>
                        <li id="nsrxqShendFx" class="lxm-li-clearboth">
                            <a href="#" title="纳税人需求及资源布局投放">
                                <span class="lxm-wbslh">纳税人需求及资源布局投放</span>
                            </a>

                        </li>
                        <li id="nsrqdShendFx" class="lxm-li-clearboth">
                            <a href="#" title="纳税人渠道使用偏好分析">
                                <span class="lxm-wbslh">纳税人渠道使用偏好分析</span>
                            </a>
                        </li>

                        <li id="nsrzcShendFx" class="lxm-li-clearboth">
                            <a href="#" title="纳税人纳税遵从风险分析和预警" data-toggle="collapse">
                                <span class="lxm-wbslh">纳税人纳税遵从风险分析和预警</span>
                            </a>
                        </li>

                        <li id="qyShendFx" class="lxm-li-clearboth">
                            <a href="#" title="企业税收自然人特征及关联系分析" data-toggle="collapse">
                                <span class="lxm-wbslh">企业税收自然人特征及关联系分析</span>
                            </a>
                        </li>

                        <li id="sdShendFx" class="lxm-li-clearboth">
                            <a href="#" title="深度分析选题示例">
                                <span class="lxm-wbslh">深度分析选题示例</span>
                            </a>
                        </li>
                    </ul>
                </li>


                <li class="">
                    <a href="#znts" title="需求智能提示" data-toggle="collapse">
                        <em class="icon-layers"></em>
                        <span>需求智能提示</span>
                    </a>
                    <ul id="znts" class="nav sidebar-subnav collapse">
                        <li id="oppZnts" class=" ">
                            <a href="#" title="不遵从风险提示">
                                <span class="lxm-wbslh">不遵从风险提示</span>
                            </a>
                        </li>
                        <li id="pmmZnts" class="lxm-li-clearboth">
                            <a href="#" title="政策推送及事项办理提醒">
                                <span class="lxm-wbslh">政策推送及事项办理提醒</span>
                            </a>
                        </li>
                        <li id="jgxcZnts" class="lxm-li-clearboth">
                            <a href="#" title="机关宣传咨询重点提示">
                                <span class="lxm-wbslh">机关宣传咨询重点提示</span>
                            </a>
                        </li>

                        <li id="nsrZnts" class="lxm-li-clearboth">
                            <a href="#" title="纳税人年度报告">
                                <span class="lxm-wbslh">纳税人年度报告</span>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="">
                    <a href="#fwgl" title="服务管理与监控" data-toggle="collapse">
                        <em class="icon-credit-card"></em>
                        <span>服务管理与监控</span>
                    </a>
                    <ul id="fwgl" class="nav sidebar-subnav collapse">
                        <li id="solutionListMenu" class=" ">
                            <a href="#" title="纳税人特征与行为分析报告">
                                <span class="lxm-wbslh">纳税人特征与行为分析报告</span>
                            </a>
                        </li>
                        <li id="assetListMenu1" class="lxm-li-clearboth">
                            <a href="#" title="纳税服务助手">
                                <span class="lxm-wbslh">纳税服务助手</span>
                            </a>
                        </li>
                        <li id="assetListMenu2" class="lxm-li-clearboth">
                            <a href="#" title="房产交易办税大厅智能提示">
                                <span class="lxm-wbslh">房产交易办税大厅智能提示</span>
                            </a>
                        </li>
                        <li id="assetListMenu3" class="lxm-li-clearboth">
                            <a href="#" title="12366座席智能提示">
                                <span class="lxm-wbslh">12366座席智能提示</span>
                            </a>
                        </li>

                    </ul>
                </li>

                <li class="">
                    <a href="#qdjk" title="渠道监控与预警" data-toggle="collapse">
                        <em class="icon-speedometer"></em>
                        <span>渠道监控与预警</span>
                    </a>
                    <ul id="qdjk" class="nav sidebar-subnav collapse">
                        <li id="pdfAbilityModelMenu" class=" ">
                            <a href="#" title="12366座席监控预警">
                                <span class="lxm-wbslh">12366座席监控预警</span>
                            </a>
                        </li>

                        <li id="UserpdfAbilityListMenu1" class="lxm-li-clearboth">
                            <a href="#" title="实体办税厅监控预警">
                                <span class="lxm-wbslh">实体办税厅监控预警</span>
                            </a>
                        </li>

                        <li id="UserpdfAbilityListMenu2" class="lxm-li-clearboth">
                            <a href="#" title="网上办税监控预警">
                                <span class="lxm-wbslh">网上办税监控预警</span>
                            </a>
                        </li>

                        <li id="UserpdfAbilityListMenu3" class="lxm-li-clearboth">
                            <a href="#" title="高频主题词展示">
                                <span class="lxm-wbslh">高频主题词展示</span>
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="">
                    <a href="#xtgl" title="系统管理" data-toggle="collapse">
                        <em class="icon-users"></em>
                        <span>系统管理</span>
                    </a>
                    <ul id="xtgl" class="nav sidebar-subnav collapse">
                        <li class="lxm-li-clearboth">
                            <a href="#myTask" title="用户维护" data-toggle="collapse">
                                <span>用户维护</span>
                            </a>
                        </li>

                        <li class="lxm-li-clearboth">
                            <a href="#" title="角色维护" data-toggle="collapse">
                                <span>角色维护</span>
                            </a>
                        </li>
                        <li class="lxm-li-clearboth">
                            <a href="#userSetting" title="岗位维护" data-toggle="collapse">
                                <span>岗位维护</span>
                            </a>
                        </li>
                        <li class="lxm-li-clearboth">
                            <a href="#userSetting" title="代码维护" data-toggle="collapse">
                                <span>代码维护</span>
                            </a>
                        </li>

                        <li class="lxm-li-clearboth">
                            <a href="#userSetting" title="数据维护" data-toggle="collapse">
                                <span>数据维护</span>
                            </a>
                        </li>
                        <li class="lxm-li-clearboth">
                            <a href="#userSetting" title="系统参数" data-toggle="collapse">
                                <span>系统参数</span>
                            </a>
                        </li>
                        <li class="lxm-li-clearboth">
                            <a href="#userSetting" title="权限设置" data-toggle="collapse">
                                <span>权限设置</span>
                            </a>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- END sidebar nav-->
        </nav>
    </div>
    <!-- END Sidebar (left)-->

</aside>
<section>
    <div class="wrapper">
        <div class="row">
            <div class="col-sm-8">
                <div class="content-wrapper">
                    <div class="panel panel-default">
                        <div class="panel-heading">江苏省地方税务局征收税务分局办税渠道分析</div>
                        <div class="panel-body">
                            <div id="echarts-map" style="height: 400px;"></div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="col-sm-4">
                <div class="content-wrapper">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            网上营业厅负载情况
                        </div>
                        <div class="panel-body">
                            <div id="echarts-gauge" style="height: 400px;"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-6">
                <div class="content-wrapper">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            地税热词
                        </div>
                        <div class="panel-body">
                            <div id="echarts-dsrc" style="height: 400px;"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-6">
                <div class="content-wrapper">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            12366接线情况
                        </div>
                        <div class="panel-body">
                            <div id="echarts-tree" style="height: 400px;"></div>
                        </div>
                    </div>
                </div>


            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
                <div class="content-wrapper">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            不遵从行为环比分析
                        </div>
                        <div class="panel-body">
                            <div id="echarts-bzcxw" style="height: 400px;"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-sm-12">
                <div class="content-wrapper">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            服务厅繁忙度
                        </div>
                        <div class="panel-body">
                            <div id="echarts-fwt" style="height: 600px;">
                                <!-- START panel-->
                                <div class="panel panel-default">
                                    <%--<div class="panel-heading">繁忙度</div>--%>
                                    <!-- START table-responsive-->
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover"
                                               style="text-align: center">
                                            <%--<thead>
                                            <tr>
                                                <th>Project</th>
                                                <th>Activity</th>
                                                <th>Completion</th>
                                            </tr>
                                            </thead>--%>
                                            <tbody>
                                            <tr>
                                                <td>南京</td>
                                                <td>
                                                    <div class="label label-danger">
                                                        <span title="玄武区服务厅">繁忙</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">
                                                        <span title="白下区服务厅">流畅</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">
                                                        <span title="秦淮区服务厅">一般</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">
                                                        <span title="建邺区服务厅">一般</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">
                                                        <span title="鼓楼区服务厅">流畅</span>
                                                    </div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">
                                                        <span title="下关区服务厅">繁忙</span>
                                                    </div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>无锡</td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>徐州</td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>南通</td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>连云港</td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>淮安</td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>盐城</td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>扬州</td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>镇江</td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>泰州</td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>宿迁</td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>常州</td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-success">流畅</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>苏州</td>
                                                <td>
                                                    <div class="label label-danger">繁忙</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                    <div class="label label-warning">一般</div>
                                                </td>
                                                <td>
                                                </td>
                                                <td>
                                                </td>
                                            </tr>

                                            </tbody>
                                        </table>
                                    </div>
                                    <!-- END table-responsive-->
                                </div>
                                <!-- END panel-->
                            </div>
                        </div>
                    </div>
                </div>

            </div>

        </div>
        <div>
        </div>
</section>


<%--<script src="${ctx}/assets/echarts/d3.min.js"></script>--%>
<script type="text/javascript">
    //    $(function () {
    //        drawCircle("echarts-dsrc", 120, '纳税吧，少年！');
    //
    //    })

    require.config({
        paths: {
            echarts: '${ctx}/assets/echarts/build/dist'
        }
    });
    require(
            [
                'echarts',
                'echarts/chart/bar',
                'echarts/chart/scatter',
                'echarts/chart/pie',
                'echarts/chart/map',
                'echarts/chart/tree',
                'echarts/chart/gauge',
                'echarts/chart/wordCloud'

            ],
            function (ec) {
                //江苏省税务业务办理事项统计
                var myChart = ec.init(document.getElementById('echarts-map'));
                var mapOption = {
                    tooltip: {
                        trigger: 'item'
                    },
                    legend: {
                        x: 'right',
                        selectedMode: false,
                        data: ['网上渠道', '办税厅办税', '自助办税机办税']
                    },
                    dataRange: {
                        orient: 'horizontal',
                        min: 0,
                        max: 20000,
                        text: ['高', '低'],           // 文本，默认为数值文本
                        splitNumber: 0
                    },
                    series: [
                        {
                            name: '江苏省各市税务业务办理事项统计',
                            type: 'map',
                            mapType: '江苏',
                            mapLocation: {
                                x: 'left'
                            },
                            selectedMode: 'single',
                            itemStyle: {
                                normal: {label: {show: true}},
                                emphasis: {label: {show: true}}
                            },
                            data: [
                                {name: '南京市', value: 9999},
                                {name: '镇江市', value: 1670},
                                {name: '常州市', value: 2102},
                                {name: '无锡市', value: 5000},
                                {name: '苏州市', value: 7000},
                                {name: '南通市', value: 1600},
                                {name: '泰州市', value: 1300},
                                {name: '扬州市', value: 5000},
                                {name: '盐城市', value: 2102},
                                {name: '淮安市', value: 1100},
                                {name: '宿迁市', value: 2300},
                                {name: '徐州市', value: 4000},
                                {name: '连云港市', value: 3000}
                            ]
                        },
                        {
                            name: '各渠道对比',
                            type: 'pie',
                            roseType: 'area',
                            tooltip: {
                                trigger: 'item',
                                formatter: "{a} <br/>{b} : {c} ({d}%)"
                            },
                            center: [document.getElementById('echarts-map').offsetWidth - 250, 225],
                            radius: [30, 120],
                            data: [
                                {name: '网上渠道', value: 3000},
                                {name: '办税厅办税', value: 2000},
                                {name: '自助办税机办税', value: 4999}
                            ]
                        }
                    ],
                    animation: false
                };
                var ecConfig = require('echarts/config');
                myChart.on(ecConfig.EVENT.MAP_SELECTED, function (param) {
                    var selected = param.selected;
                    var mapSeries = mapOption.series[0];
                    var data = [];
                    var legendData = [];
                    var name;
                    for (var p = 0, len = mapSeries.data.length; p < len; p++) {
                        name = mapSeries.data[p].name;
                        //mapSeries.data[p].selected = selected[name];
                        if (selected[name]) {
                            data.push({
                                name: name,
                                value: mapSeries.data[p].value
                            });
                            legendData.push(name);
                        }
                    }
                    mapOption.legend.data = legendData;
                    mapOption.series[1].data = data;
                })
                myChart.setOption(mapOption, true);

                //网上营业厅负载情况  仪表盘
                var ybpChart = ec.init(document.getElementById('echarts-gauge'));
                var ybpOption = {
                    tooltip: {
                        formatter: "{a} <br/>{b} : {c}%"
                    },
                    series: [
                        {
                            name: '负载情况',
                            type: 'gauge',
                            detail: {formatter: '{value}%'},
                            data: [{value: 40, name: '负载率'}]
                        }
                    ]
                };
                ybpChart.setOption(ybpOption, true);
                setInterval(function () {
                    ybpOption.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
                    ybpChart.setOption(ybpOption, true);
                }, 2000);

                //不遵从行为环比分析
                var bzcxwChart = ec.init(document.getElementById('echarts-bzcxw'), 'macarons');
                var zrColor = require('zrender/tool/color');
                var colorList = [
                    '#ff7f50', '#87cefa', '#da70d6', '#32cd32', '#6495ed',
                    '#ff69b4', '#ba55d3', '#cd5c5c', '#ffa500', '#40e0d0'
                ];
                var itemStyle = {
                    normal: {
                        color: function (params) {
                            if (params.dataIndex < 0) {
                                // for legend
                                return zrColor.lift(
                                        colorList[colorList.length - 1], params.seriesIndex * 0.1
                                );
                            }
                            else {
                                // for bar
                                return zrColor.lift(
                                        colorList[params.dataIndex], params.seriesIndex * 0.1
                                );
                            }
                        }
                    }
                };
                var bzcxw_option = {
                    title: {
                        text: '2015年不遵从纳税人环比分析',
                        subtext: '数据来自南京地税局'
                    },
                    tooltip: {
                        trigger: 'axis',
                        backgroundColor: 'rgba(255,255,255,0.7)',
                        axisPointer: {
                            type: 'shadow'
                        },
                        formatter: function (params) {
                            // for text color
                            var color = colorList[params[0].dataIndex];
                            var res = '<div style="color:' + color + '">';
                            res += '<strong>' + params[0].name + '纳税人数</strong>'
                            for (var i = 0, l = params.length; i < l; i++) {
                                res += '<br/>' + params[i].seriesName + ' : ' + params[i].value
                            }
                            res += '</div>';
                            return res;
                        }
                    },
                    legend: {
                        x: 'right',
                        data: ['11月', '12月']
                    },
                    calculable: true,
                    grid: {
                        y: 80,
                        y2: 40,
                        x2: 40
                    },
                    xAxis: [
                        {
                            type: 'category',
                            data: ['无知性不遵从', '自私性不遵从', '逆反性不遵从', '程序性不遵从', '社会性不遵从', '经纪人不遵从', '习惯性不遵从', '懒惰性不遵从', '象征性不遵从']
                        }
                    ],
                    yAxis: [
                        {
                            type: 'value'
                        }
                    ],
                    series: [
                        {
                            name: '11月',
                            type: 'bar',
                            itemStyle: itemStyle,
                            data: [4804, 1444, 1332, 908, 871, 1983, 1627, 499, 800]
                        },
                        {
                            name: '12月',
                            type: 'bar',
                            itemStyle: itemStyle,
                            data: [5506, 1674, 1405, 1023, 969, 2149, 1851, 581, 700]
                        }
                    ]
                };
                bzcxwChart.setOption(bzcxw_option, true);
                //12366接线情况  树形图
                var sxtChart = ec.init(document.getElementById('echarts-tree'));
                var sxtOption = {
                    calculable: false,
                    series: [
                        {
                            name: '12366接线情况树图',
                            type: 'tree',
                            orient: 'radial',  // vertical horizontal
                            rootLocation: {x: 'center', y: 'center'},
                            //rootLocation: {x:document.getElementById('echarts-map').offsetWidth - 300,y: 50}, // 根节点位置  {x: 100, y: 'center'}
                            nodePadding: 30,
                            layerPadding: 110,
                            symbolSize: 25,
                            itemStyle: {
                                normal: {
                                    label: {
                                        show: true,
                                        formatter: "{b}",
                                        textStyle: {
                                            fontWeight: 'bold',
                                            fontSize: 17
                                        }

                                    },
                                    lineStyle: {
                                        color: '#48b',
                                        shadowColor: '#000',
                                        shadowBlur: 3,
                                        shadowOffsetX: 3,
                                        shadowOffsetY: 5,
                                        type: 'dashed' // 'curve'|'broken'|'solid'|'dotted'|'dashed'
                                    }
                                },
                                emphasis: {
                                    label: {
                                        show: true
                                    }
                                }
                            },
                            data: [
                                {
                                    name: '12366接线情况',
                                    value: 10,
                                    itemStyle: {
                                        normal: {
                                            color: 'cadetblue'
                                        }
                                    },
                                    children: [
                                        {
                                            name: '南京',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'red'
                                                }
                                            }
                                        },
                                        {
                                            name: '镇江',
                                            value: 4,
                                            itemStyle: {
                                                normal: {
                                                    color: 'limegreen'
                                                }
                                            }
                                        },
                                        {
                                            name: '常州',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'orange'
                                                }
                                            }
                                        },
                                        {
                                            name: '无锡',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'red'
                                                }
                                            }
                                        },
                                        {
                                            name: '苏州',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'limegreen'
                                                }
                                            }
                                        },
                                        {
                                            name: '南通',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'limegreen'
                                                }
                                            }
                                        },
                                        {
                                            name: '泰州',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'limegreen'
                                                }
                                            }
                                        },
                                        {
                                            name: '扬州',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'red'
                                                }
                                            }
                                        },
                                        {
                                            name: '盐城',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'orange'
                                                }
                                            }
                                        },
                                        {
                                            name: '淮安',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'orange'
                                                }
                                            }
                                        },
                                        {
                                            name: '宿迁',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'orange'
                                                }
                                            }
                                        },
                                        {
                                            name: '徐州',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'orange'
                                                }
                                            }
                                        },
                                        {
                                            name: '连云港',
                                            value: 1,
                                            itemStyle: {
                                                normal: {
                                                    color: 'red'
                                                }
                                            }
                                        }
                                    ]
                                }
                            ]
                        }
                    ]
                };
                var sxLen = sxtOption.series[0].data[0].children.length;
                setInterval(function () {
                    for (var i = 0; i < sxLen; i++) {
                        var child = sxtOption.series[0].data[0].children[i];
                        var col = child.itemStyle.normal.color;
                        if (col == "red") {
                            child.itemStyle.normal.color = 'darkred';
                        }
                        if (col == 'darkred') {
                            child.itemStyle.normal.color = 'red';
                        }
                    }
                    sxtChart.setOption(sxtOption, true);
                }, 1000);


                //创建热词图
                function createRandomItemStyle() {
                    return {
                        normal: {
                            color: 'rgb(' + [
                                Math.round(Math.random() * 160),
                                Math.round(Math.random() * 160),
                                Math.round(Math.random() * 160)
                            ].join(',') + ')'
                        }
                    };
                }


                var dsrcChart = ec.init(document.getElementById('echarts-dsrc'));

                var dsrc_option = {
                    title: {
                        text: '地税热词'
                    },
                    tooltip: {
                        show: true
                    },
                    series: [{
                        name: '地税热词',
                        type: 'wordCloud',
                        size: ['80%', '80%'],
                        textRotation: [0, 45, 90, -45],
                        textPadding: 0,
                        autoSize: {
                            enable: true,
                            minSize: 14
                        },
                        data: [
                            {
                                name: "营改增",
                                value: 10000,
                                itemStyle: {
                                    normal: {
                                        color: 'black'
                                    }
                                }
                            },
                            {
                                name: "养老制度改革",
                                value: 6181,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "八项规定",
                                value: 4386,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "收入分配改革",
                                value: 4055,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "自贸区",
                                value: 2467,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "购房首付",
                                value: 2244,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "单独二胎",
                                value: 1898,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "三证合一",
                                value: 1484,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "普惠金融",
                                value: 1112,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "创客",
                                value: 965,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "中国制造2025",
                                value: 847,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "众创空间",
                                value: 582,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "业养老保险",
                                value: 555,
                                itemStyle: createRandomItemStyle()
                            },
                            {
                                name: "深港通",
                                value: 550,
                                itemStyle: createRandomItemStyle()
                            }

                        ]
                    }]
                };
                dsrcChart.setOption(dsrc_option, true);


            })


</script>
</body>
</html>
